<?php /*a:5:{s:86:"E:\project_git\data_management_background\application\store\view\user\time_online.html";i:1577345708;s:74:"E:\project_git\data_management_background\application\admin\view\main.html";i:1577345708;s:87:"E:\project_git\data_management_background\application\store\view\user\index_search.html";i:1577345708;s:95:"E:\project_git\data_management_background\application\store\view\user\index_channel_search.html";i:1577345708;s:92:"E:\project_git\data_management_background\application\store\view\user\index_room_search.html";i:1578099242;}*/ ?>
<div class="layui-card layui-bg-gray"><?php if(!(empty($title) || (($title instanceof \think\Collection || $title instanceof \think\Paginator ) && $title->isEmpty()))): ?><div class="layui-card-header layui-anim layui-anim-fadein notselect"><span class="layui-icon layui-icon-next font-s10 color-desc margin-right-5"></span><?php echo htmlentities((isset($title) && ($title !== '')?$title:'')); ?><div class="pull-right"></div></div><?php endif; ?><div class="layui-card-body layui-anim layui-anim-upbit"><style>    .store-total-container {
        font-size: 14px;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }
    .store-total-container .store-total-item > div:nth-child(2) {
        font-size: 46px;
        line-height: 46px;
    }
    @media screen and (min-device-width: 992px) {
        .game_distribution {
            width: 50%;
        }
    }
    ::-webkit-scrollbar {width: 10px;height: 10px;background-color: rgba(240, 240, 240, 1);}
</style><div class="think-box-shadow"><fieldset><legend>条件搜索</legend><form class="layui-form layui-form-pane form-search" action="<?php echo request()->url(); ?>" onsubmit="return false" method="get" autocomplete="off"><div class="layui-form-item layui-inline" ><label class="layui-form-label">时间</label><div class="layui-input-inline"><input data-date-input name="search_time" value="<?php echo htmlentities((app('request')->get('search_time') ?: $start_time)); ?>" placeholder="请选择时间" class="layui-input" ></div></div><div class="layui-form-item layui-inline" ><button class="layui-btn layui-btn-primary"><i class="layui-icon">&#xe615;</i> 搜 索</button><button type="button" data-reload class="layui-btn layui-btn-xs">刷 新</button></div></form><script>form.render()</script></fieldset><div class="think-box-shadow store-total-container notselect" ><div class="layui-row layui-col-space15"><div class="margin-bottom-15">平台在线人数 <b style="font-size: 12px;color: #ccc;"></b></div><div id="time_online" style="height:400px;" ></div></div></div><fieldset><legend>条件搜索</legend><form class="layui-form layui-form-pane form-search" action="<?php echo request()->url(); ?>" onsubmit="return false" method="get" autocomplete="off"><div class="layui-form-item layui-inline" ><label class="layui-form-label">时间</label><div class="layui-input-inline"><input data-date-input name="search_time" value="<?php echo htmlentities((app('request')->get('search_time') ?: $start_time)); ?>" placeholder="请选择时间" class="layui-input" ></div></div><div class="layui-form-item layui-inline"><label class="layui-form-label">渠道类型</label><div class="layui-input-inline"><select class="layui-select" name="channel_type" ><option selected value="38" >- 官方-38-渠道 -</option><?php foreach($channel_arr as $k=>$v): ?><!--<?php if(app('request')->get('channel_type') == $v['channel_id'] .""): ?>--><option selected value="<?php echo htmlentities($v['channel_id']); ?>"><?php echo htmlentities($v['name']); ?></option><!--<?php else: ?>--><option value="<?php echo htmlentities($v['channel_id']); ?>"><?php echo htmlentities($v['name']); ?></option><!--<?php endif; ?>--><?php endforeach; ?></select></div></div><div class="layui-form-item layui-inline" ><button class="layui-btn layui-btn-primary"><i class="layui-icon">&#xe615;</i> 搜 索</button></div></form><script>form.render()</script></fieldset><div class="think-box-shadow store-total-container notselect" ><div class="layui-row layui-col-space15"><div class="margin-bottom-15">玩家渠道在线人数 <b style="font-size: 12px;color: #ccc;"></b></div><div id="time_channel_online" style="height:400px;" ></div></div></div><fieldset><legend>条件搜索</legend><form class="layui-form layui-form-pane form-search" action="<?php echo request()->url(); ?>" onsubmit="return false" method="get" autocomplete="off"><div class="layui-form-item layui-inline" ><label class="layui-form-label">时间</label><div class="layui-input-inline"><input data-date-input name="search_time" value="<?php echo htmlentities((app('request')->get('search_time') ?: $start_time)); ?>" placeholder="请选择时间" class="layui-input" ></div></div><div class="layui-form-item layui-inline"><label class="layui-form-label">房间类型</label><div class="layui-input-inline"><select class="layui-select" name="room_name"><option selected value="风暴港湾" >- 风暴港湾 -</option><?php foreach($room_arr as $k=>$v): ?><!--<?php if(app('request')->get('room_name') == $v['name'] .""): ?>--><option selected value="<?php echo htmlentities($v['name']); ?>"><?php echo htmlentities($v['name']); ?></option><!--<?php else: ?>--><option value="<?php echo htmlentities($v['name']); ?>"><?php echo htmlentities($v['name']); ?></option><!--<?php endif; ?>--><?php endforeach; ?></select></div></div><div class="layui-form-item layui-inline" ><button class="layui-btn layui-btn-primary"><i class="layui-icon">&#xe615;</i> 搜 索</button></div></form><script>form.render()</script></fieldset><div class="think-box-shadow store-total-container notselect" ><div class="layui-row layui-col-space15"><div class="margin-bottom-15">玩家房间在线人数 <b style="font-size: 12px;color: #ccc;"></b></div><div id="time_room_online" style="height:400px;" ></div></div></div><script>        require(['echarts'], function (echarts, chart) {
            chart = echarts.init(document.getElementById('time_online'));
            window.onresize = chart.resize;
            option = {
                tooltip : {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'cross',
                        label: {
                            backgroundColor: '#6a7985'
                        }
                    }
                },
                legend: {
                    data:['平台在线人数']
                },
                toolbox: {
                    orient: 'vertical',
                    x: 'right',
                    y: 'center',
                    show : true,
                    feature : {
                        mark : {show: true},
                        dataView : {show: true, readOnly: false},
                        magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
                        restore : {show: true},
                        saveAsImage : {show: true}
                    }
                },
                grid: {
                    left: '3%',
                    right: '8%',
                    bottom: '3%',
                    containLabel: true
                },
                xAxis : [
                    {
                        type : 'category',
                        boundaryGap : false,
                        data :eval('<?php echo json_encode($user_online_trend['time']); ?>')
                    }
                ],
                yAxis : [
                    {
                        type : 'value',
                        axisLabel: {
                            color: '#2f9de2',
                            formatter: "{value}人"
                        },
                        splitLine: {
                            lineStyle: {
                                type: 'dashed',
                                color: '#cccccc'
                            }
                        }
                    }
                ],
                series : [
                    {
                        name:'平台在线人数',
                        type:'line',
                        stack: '总量',
                        data: eval('<?php echo json_encode($user_online_trend['count']); ?>'),
                        lineStyle: {
                            normal: {
                                color: '#2f9de2',
                                width: 1,
                                /*type: 'dashed'*/
                            }
                        },
                        itemStyle: {
                            normal: {
                                borderWidth: 1,
                                borderColor: '#ff7d7d',
                                color: '#c543d8'
                            }
                        }
                    },
                ]
            };
            chart.setOption(option);
        });
    </script><script>        require(['echarts'], function (echarts, chart) {
            chart = echarts.init(document.getElementById('time_channel_online'));
            window.onresize = chart.resize;
            option = {
                tooltip : {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'cross',
                        label: {
                            backgroundColor: '#6a7985'
                        }
                    }
                },
                legend: {
                    data:['玩家渠道用户走势']
                },
                toolbox: {
                    orient: 'vertical',
                    x: 'right',
                    y: 'center',
                    show : true,
                    feature : {
                        mark : {show: true},
                        dataView : {show: true, readOnly: false},
                        magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
                        restore : {show: true},
                        saveAsImage : {show: true}
                    }
                },
                grid: {
                    left: '3%',
                    right: '8%',
                    bottom: '3%',
                    containLabel: true
                },
                xAxis : [
                    {
                        type : 'category',
                        boundaryGap : false,
                        data :eval('<?php echo json_encode($user_online_channel_trend['time']); ?>')
                    }
                ],
                yAxis : [
                    {
                        type : 'value',
                        axisLabel: {
                            color: '#2f9de2',
                            formatter: "{value}人"
                        },
                        splitLine: {
                            lineStyle: {
                                type: 'dashed',
                                color: '#cccccc'
                            }
                        },
                        minInterval: 1
                    }
                ],
                series : [
                    {
                        name:'玩家渠道用户走势',
                        type:'line',
                        stack: '总量',
                        data: eval('<?php echo json_encode($user_online_channel_trend['count']); ?>'),
                        lineStyle: {
                            normal: {
                                color: '#a559e2',
                                width: 1,
                                /*type: 'dashed'*/
                            }
                        },
                        itemStyle: {
                            normal: {
                                borderWidth: 1,
                                borderColor: '#2b82ff',
                                color: '#21d890'
                            }
                        }
                    },
                ]
            };
            chart.setOption(option);
        });
    </script><script>        require(['echarts'], function (echarts, chart) {
            chart = echarts.init(document.getElementById('time_room_online'));
            window.onresize = chart.resize;
            option = {
                tooltip : {
                    trigger: 'axis',
                    axisPointer: {
                        type: 'cross',
                        label: {
                            backgroundColor: '#6a7985'
                        }
                    }
                },
                legend: {
                    data:['房间在线用户走势']
                },
                toolbox: {
                    orient: 'vertical',
                    x: 'right',
                    y: 'center',
                    show : true,
                    feature : {
                        mark : {show: true},
                        dataView : {show: true, readOnly: false},
                        magicType : {show: true, type: ['line', 'bar', 'stack', 'tiled']},
                        restore : {show: true},
                        saveAsImage : {show: true}
                    }
                },
                grid: {
                    left: '3%',
                    right: '8%',
                    bottom: '3%',
                    containLabel: true
                },
                xAxis : [
                    {
                        type : 'category',
                        boundaryGap : false,
                        data :eval('<?php echo json_encode($user_online_room_trend['time']); ?>')
                    }
                ],
                yAxis : [
                    {
                        type : 'value',
                        axisLabel: {
                            color: '#2f9de2',
                            formatter: "{value}人"
                        },
                        splitLine: {
                            lineStyle: {
                                type: 'dashed',
                                color: '#cccccc'
                            }
                        },
                        minInterval: 1
                    }
                ],
                series : [
                    {
                        name:'房间在线用户走势',
                        type:'line',
                        stack: '总量',
                        data: eval('<?php echo json_encode($user_online_room_trend['count']); ?>'),
                        lineStyle: {
                            normal: {
                                color: '#a559e2',
                                width: 1,
                                /*type: 'dashed'*/
                            }
                        },
                        itemStyle: {
                            normal: {
                                borderWidth: 1,
                                borderColor: '#2b82ff',
                                color: '#21d890'
                            }
                        }
                    },
                ]
            };
            chart.setOption(option);
        });
    </script></div></div>